<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_表格插入</title>
</head>
<body>
<table border="1" style="border-collapse: collapse;">
    <caption>表格标题<</caption>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <tr>
        <td style="text-align: center;">1</td>
        <td>张三</td>
        <td>男</td>
    </tr>
    <tr>
        <td style="text-align: center;">2</td>
        <td>李四</td>
        <td>女</td>
    </tr>
    <tr>
        <td style="text-align: center;">3</td>
        <td>王五</td>
        <td>男</td>
    </tr>
</table>

<table border="1" style="border-collapse: collapse;">
    <caption >4*4</caption>
    <tr>
        <th>1-1</th>
        <th colspan="3">1-2</th>
<!--        <th>1-3</th>-->
<!--        <th>1-4</th>-->
    </tr>
    <tr>
        <th>2-1</th>
        <th rowspan="3">2-2</th>
        <th colspan="2">2-3</th>
<!--        <th>2-4</th>-->
    </tr>
    <tr>
        <th>3-1</th>
<!--        <th>3-2</th>-->
        <th>3-3</th>
        <th rowspan="2">3-4</th>
    </tr>
    <tr>
        <th>4-1</th>
<!--        <th>4-2</th>-->
        <th>4-3</th>
<!--        <th>4-4</th>-->
    </tr>
</table>

<table border="1" style="border-collapse: collapse;">
    <caption>购物车</caption>
    <tr>
        <th>商品编号</th>
        <th>商品名称</th>
        <th>商品价格</th>
    </tr>
    <tr>
        <td>1</td>
        <td>荣耀X60</td>
        <th>2601</th>
    </tr>
    <tr>
        <td>2</td>
        <td>三折叠 怎么折都有面</td>
        <th>27399</th>
    </tr>
    <tr>
        <td>总价:</td>
        <th colspan="2">30000</th>
    </tr>
</table>





</body>
</html>



















































